<template>
  <div class="breadCrumb" :class="$store.state.isCollapse?'position-collapse-left':'position-left'">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item v-for="(item,index) in $route.matched" :key="index">
        {{item.name}}
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
  export default {
    name :'breadCrumb',
    components: {
    },
    data(){
      return {
        crumbList: []
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss" scoped>
.breadCrumb{
  position: absolute;
  height: 30px;
  line-height: 30px;
  top: 65px;
  right: 0;
  z-index: 1020;
  transition:0.3s;
  padding: 10px;
}
.position-left {
  left: 201px;
}
.position-collapse-left {
  left: 65px;
}
</style>